<template>
  <div>
    <a v-bind:href="url">跳转到谷歌</a><br>
    <a :href="url1">跳转到百度</a><br>
    <input type="text" v-bind:value="msg">
    <input type="checkbox" name="runing" :checked="flag">
    
    
    <img v-bind:src="imgUrl" alt="">
  </div>
</template>

<script>
export default {
  name: 'directive-component',
  data() {
    return {
      flag:"true",
      url: 'http://www.google.com',
      url1: 'http://www.baidu.com',
      msg:'我是黑马',
      imgUrl:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F14297516724%2F641&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1674721910&t=fd049a902b516e4b9b359ab741442312',
    }
  },
}
</script>

<style>


</style>
